body{background:url("../images/login-backbg.png") no-repeat!important;background-size:100% 100% !important;margin: 0 auto;padding: 0;}
.login-main{min-width:1024px;}
.logo{position: absolute;left: 20%;}
.logo img{margin:60px auto;display:block;zoom: 1;}
.left{position: absolute;left: 16%;top:20%;width: 569px;}
.left img{display: block;position: relative;}
.right {  position: absolute;  right:16%;  top:30%;  display: block;}
.login-box{margin: 0 auto;width: 100%;}
.login-txt{background-color: rgba(255, 255, 255 ,.2);padding: 10px;  box-sizing: border-box;background:url("../images/login-bg.png") repeat;}
.field{  width: 100%;  height: 60px;  display: block;  position: relative;}
.txt-box{position: relative;box-sizing: border-box;width:352px;height:353px;margin:0 auto;background: #fff;}
.username{width: 100%;}
.hj-form{width:352px;height: 212px; margin: 0 auto;}
.login-h1{font-size: 22px;color: #1e537d;padding:25px 0 25px 25px;font-weight:600;}
.icon-large{display: inline-block;position: absolute;left: 35px;top:15px;}
.txt-box input{  width: 305px;border: 1px solid #ccc;box-sizing: border-box;margin-left:25px;text-indent: 3em;line-height: 40px;height: 40px;  }
.txt-box .icon-user{background: url("../images/user-ico.png") 5px 10px no-repeat;width:25px; height:30px;top:3px;}
.identy_code{width:150px !important;box-sizing: border-box;text-indent: inherit !important;padding-left: 5px!important;}
.identy_code_img{height: 40px;margin-left: 15px;}
.txt-box .icon-lock{background: url("../images/key-ico.png")no-repeat;width: 18px; height: 17px; }
.loginbtn{
    width: 305px;
    display: inline-block;
    font-family: inherit;
    word-break: keep-all;
    background: #1e537d;
    white-space: nowrap;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: 0;
    word-spacing: 1em;
    margin-top:25px;
    box-sizing: border-box;
    margin-left:25px;
}
.submit_btn:hover{background-color: #2068a1;color: #fff;}

@media screen and  (max-width:1024px){
    .left{
        left:5%;
        top:25%;
    }
    .left img{
        display: block;
        width: 80%;
    }
    .right{
        right:5%;
        top:30%;
    }
    .login-box{
        zoom:.9;
    }
}
@media (min-width:1024px) and (max-width:1440px){
    .left{
        left:8%;
        top:25%;
    }
    .left img{
        display: block;
        width: 90%;
    }
    .right{
        right:8%;
    }
    .login-box{
        zoom:0.9;
    }
}
@media (min-width:1440px) and (max-width:1600px){
    .left{
        left:17%;
        top:25%;
    }
    .left img{
        display: block;
        width: 90%;
    }
    .right{
        right:17%;
    }
    .login-box{
        zoom:1;
    }
}
@media screen and (min-width: 1600px){
    .left{
        top:22%;
    }
    .left img{
        display: block;
        /* width: 100%; */
    }
    .login-box{
        zoom:1;
    }
}

/* 底部 */
.n-foot{ height:32px; line-height:32px; position:absolute; bottom:0px; width:100%; font-size:14px;   text-align:center; color:#999;}
